<head>
    <title></title>
    <link rel="stylesheet" href="./animate.css">
</head>
<body>
    <div id="app">
        <button @click="show=!show">显示/隐藏</button>
        <transition appear 
        appear-class="custom-appear-class"
        appear-to-class="bounceIn"
        appear-active-class="animated swing" >
            <p v-if="show">过度文字效果</p>
        </transition>
    </div>
    <script src="./vue.js"></script>
    <script>
        var vm = new Vue({
            el:'#app',
            data:{
                show:true
            }
        })
    </script>
</body>